<script setup lang="ts">
import { ref } from "vue"
import Nav from '@/components/Nav.vue'
import Head from '@/components/Head.vue'
const name = ref('北京 项目')
</script>
<template>
  <div>
    <el-row>
      <el-col :span="6">
        <!-- 菜单 -->
        <Nav></Nav>
      </el-col>
      <el-col :span="18">
        <Head :msg="name" />
        <el-divider content-position="left">{{ name }} - 路由渲染页面</el-divider>
        <router-view v-slot="{ Component, route }">
          <keep-alive :include="['Home', 'About']">
            <component :is="Component" :key="route.name" />
          </keep-alive>
        </router-view>
      </el-col>
    </el-row>
  </div>
</template>
